﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Employees Table</title>
    <link rel="stylesheet" href="2StyleForEmployeeTAble.css" />
</head>
<body>
    <section>
        <table>
            <colgroup>
                <col />
                <col span="2" id="middle"/>
                <col />
            </colgroup>
            <thead>
                <tr>
                    <th>
                        Contact name
                    </th>
                    <th>
                        City
                    </th>
                    <th>
                        Country
                    </th>
                    <th>
                        Is Promoted
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        Maria Anders
                    </td>
                    <td>
                        Berlin
                    </td>
                    <td>
                         <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQRWtNuXSs3eOpc-jYOtVdSlmPSU4QNOjNqMCDdaoQZM94T905dhfggFZoF"
                              alt ="Germany.png" />
                       &nbsp; Germany
                    </td>
                    <td>
                        <input type="checkbox" disabled="disabled"/>
                        <label></label>

                    </td>
                </tr>
                <tr>
                    <td>
                        Ana Trujillo
                    </td>
                    <td>
                        M&eacute;xico D.F.
                    </td>
                    <td>
                            <img src="http://www.mapsofworld.com/images/world-countries-flags/mexico-flag.gif" 
                                alt ="Mexico.png" />
                      &nbsp;  M&eacute;xico
                    </td>
                    <td>
                        <input type="checkbox" disabled="disabled" />
                        <label></label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Antonio Moreno 
                    </td>
                    <td>
                        M&eacute;xico D.F.
                    </td>
                    <td>
                            <img src="http://www.mapsofworld.com/images/world-countries-flags/mexico-flag.gif" 
                                alt ="Mexico.png"  />
                      &nbsp;  M&eacute;xico
                    </td>
                    <td>
                        <input type="checkbox" checked="checked" disabled="disabled"/>
                        <label></label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Thomas Hardy
                    </td>
                    <td>
                        London
                    </td>
                    <td>
                        <img src="http://flagsoftheworld.co.uk/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/u/n/union-flag.jpg" 
                            alt ="UK.png" />
                       &nbsp; UK
                    </td>
                    <td>
                        <input type="checkbox" disabled="disabled"/>
                        <label></label>
                    </td>
                </tr>
            </tbody>
        </table>
    </section>
</body>
</html>
